<!-- directive:title 项目中 营销互动 大结构页面的编写 -->
<!-- directive:breadcrumb 角拖和下拉列表 -->
<div class='panel-body'>
    <!-- directive:pagetaglist ng,需求,复杂插件 -->
    <p>2018年12月18日09:40:01 开始开发</p>
    <p>2018年12月25日14:09:50 完成交付</p>
    <p>2019年01月02日16:19:48 继续优化 <del>拖拽时候原来位置的框很闹心</del> 解决了看起来柔和多了</p>
    <p>2019年1月11日15:26:13 加上了恢复默认的方法</p>
    <div class="minebox">
        <div class="minebox-left">
            <div class="minebl" ng-class="{'minebl-deny':mineModel.rtList.length>=3}">
                <div class="minebl-title">核心功能区</div>
                <ul
                    dnd-list="mineModel.ltList"
                    dnd-effect-allowed="copymove"
                    dnd-allowed-types="['mineNo']">
                    <li ng-repeat="row in mineModel.ltList"
                        dnd-draggable="row"
                        dnd-type="'mineA'"
                        dnd-copied="mineModel.ltcopied(row,0)"
                        dnd-moved="mineModel.ltcopied(row,0)"
                        dnd-disable-if="row.disabled||mineModel.rtList.length>=3"
                    >
                        <div ng-class="{'minebl-disabled':row.disabled}">
                            <div class="mask"></div>
                            <b>{{row.value}}</b>
                            <p>{{row.name}}</p>
                        </div>
                    </li>
                    <li ng-show="mineModel.ltList.length%2==1"></li>
                </ul>
                <!-- <ul>
                    <li><div><div class="mask"></div><b>88</b><p>优惠券</p></li>
                    <li><div><div class="mask"></div><b>88</b><p>优惠券</p></li>
                    <li><div><div class="mask"></div><b>88</b><p>优惠券</p></li>
                    <li><div><div class="mask"></div><b>88</b><p>优惠券</p></li>
                    <li><div><div class="mask"></div><b>88</b><p>优惠券</p></li>
                    <li></li>
                </ul> -->
            </div>
            <div class="minebl minebl2">
                <div class="minebl-title">底部功能区</div>
                <ul
                    dnd-list="mineModel.lbList"
                    dnd-effect-allowed="copy"
                    dnd-allowed-types="['mineNo']">
                    <li ng-repeat="row in mineModel.lbList"
                        dnd-draggable="row"
                        dnd-type="'mineC'"
                        dnd-copied="mineModel.lbcopied(row,0)"
                        dnd-moved="mineModel.lbcopied(row,0)"
                        dnd-disable-if="row.disabled"
                    >
                        <div ng-class="{'minebl-disabled':row.disabled}">
                            <div class="mask"></div>
                            <div class="mineimg"><i class="mineimg{{row.code}}"></i></div>
                            <p>{{row.name}}</p>
                        </div>
                    </li>
                    <li ng-show="mineModel.lbList.length%2==1"></li>
                </ul>
                <!-- <ul>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001001"></i></div><p>个人资料</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001002"></i></div><p>会员权益说明</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001003"></i></div><p>会籍卡</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001004"></i></div><p>我的课程</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001005"></i></div><p>体侧指数</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001006"></i></div><p>预约记录</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001007"></i></div><p>我的消息</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001008"></i></div><p>我的活动</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001009"></i></div><p>我的赠送</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001010"></i></div><p>帮助中心</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001011"></i></div><p>我要换肤</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001012"></i></div><p>训练计划</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg002001"></i></div><p>活动中心</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg002002"></i></div><p>推荐有礼</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg002003"></i></div><p>我的福利</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg003001"></i></div><p>我的售后</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg003002"></i></div><p>我的秒杀</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg003003"></i></div><p>我的订单</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg003004"></i></div><p>我要推广</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg003005"></i></div><p>积分商城</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg003006"></i></div><p>我的拼团</p></li>
                    <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg003007"></i></div><p>我的评价</p></li>
                </ul> -->
            </div>
        </div>
        <div class="minebox-content">
            <div class="minebc-img"></div>
            <ul class="minebc-header"
                dnd-list="mineModel.rtList"
                dnd-effect-allowed="move"
                dnd-allowed-types="['mineA','mineB']">
                <!-- 拖动元素到有效域外边触发 dnd-dragstart dnd-canceled dnd-dragend -->
                <!-- 拖动元素到有效域内部触发 dnd-dragstart dnd-moved dnd-dragend -->
                <li ng-repeat="row in mineModel.rtList"
                    dnd-draggable="row"
                    dnd-type="'mineB'"
                    dnd-dragstart="mineModel.rtdrag($index, row)"
                    dnd-moved="mineModel.rtmoved($index, row)"
                    dnd-canceled="mineModel.rtremoved($index, row)"
                >
                    <div ng-class="{'minebl-active':row.code==mineModel.subrouter}">
                        <div class="closebtn" ng-click="mineModel.rtclose($index, row)"></div>
                        <div class="mask" ng-click="mineModel.openPage(row)" ng-class="{'clickme':row.subrouter}"></div>
                        <b>{{row.value}}</b>
                        <p>{{row.name}}</p>
                    </div>
                </li>
            </ul>
            <!-- <ul class="minebc-header">
                <li><div class="mask"></div><b>88</b><p>优惠券</p></li>
                <li><div class="mask"></div><b>88</b><p>优惠券</p></li>
                <li><div class="mask"></div><b>88</b><p>优惠券</p></li>
                    dnd-dragstart=""
                    dnd-dragend=""
            </ul> -->
            <ul class="minebc-bottom"
                dnd-list="mineModel.rbList"
                dnd-effect-allowed="move"
                dnd-allowed-types="['mineC','mineD']">
                <!-- 拖动元素到有效域外边触发 dnd-dragstart dnd-canceled dnd-dragend -->
                <!-- 拖动元素到有效域内部触发 dnd-dragstart dnd-moved dnd-dragend -->
                <li ng-repeat="row in mineModel.rbList"
                    dnd-draggable="row"
                    dnd-type="'mineD'"
                    dnd-dragstart="mineModel.rbdrag($index, row)"
                    dnd-moved="mineModel.rbmoved($index, row)"
                    dnd-canceled="mineModel.rbremoved($index, row)"
                >
                    <div ng-class="{'minebl-active':row.code==mineModel.subrouter}">
                        <div class="closebtn" ng-click="mineModel.rbclose($index, row)"></div>
                        <div class="mask" ng-click="mineModel.openPage(row)" ng-class="{'clickme':row.subrouter}"></div>
                        <div class="mineimg"><i class="mineimg{{row.code}}"></i></div>
                        <p>{{row.name}}</p>
                    </div>
                </li>
                <li ng-show="mineModel.rbList.length%3==1"></li>
                <li ng-show="mineModel.rbList.length%3==1"></li>
                <li ng-show="mineModel.rbList.length%3==2"></li>
            </ul>
            <!-- <ul class="minebc-bottom">
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001001"></i></div><p>个人资料</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001002"></i></div><p>会员权益说明</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001003"></i></div><p>会籍卡</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001004"></i></div><p>我的课程</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001005"></i></div><p>体侧指数</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001006"></i></div><p>预约记录</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001007"></i></div><p>我的消息</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001008"></i></div><p>我的活动</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001009"></i></div><p>我的赠送</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001010"></i></div><p>帮助中心</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001011"></i></div><p>我要换肤</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg001012"></i></div><p>训练计划</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg002001"></i></div><p>活动中心</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg002002"></i></div><p>推荐有礼</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg002003"></i></div><p>我的福利</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg003001"></i></div><p>我的售后</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg003002"></i></div><p>我的秒杀</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg003003"></i></div><p>我的订单</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg003004"></i></div><p>我要推广</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg003005"></i></div><p>积分商城</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg003006"></i></div><p>我的拼团</p></li>
                <li><div><div class="mask"></div><div class="mineimg"><i class="mineimg003007"></i></div><p>我的评价</p></li>
                <li></li>
                <li></li>
            </ul> -->
        </div>
        <div class="minebl-submitbtn">
            <button class="btn-minebl-submitbtn1" ng-click="mineModel.recover()">恢复默认</button>
            <button class="btn-minebl-submitbtn2" ng-click="mineModel.save()">保存设置</button>
        </div>
        <div class="minebox-right">
            <h1>{{mineModel.subrouter}}</h1>
            <hr />
            <div ng-show="mineModel.subrouter" ui-view></div>
            <hr />
            <pre>
                个人资料
                001001 会员权益说明
                001002 我的卡包
                001003 我的课程
                001004 身体档案
                001005 预约记录
                001006 消息中心
                001007 我的活动
                001008 我的赠送
                001009 帮助中心
                001010 我要换肤
                001011 训练计划
                001012 活动中心
                002001 推荐有礼
                002002 我的福利
                002003 我的售后
                002004 我的秒杀
                002005 我的订单
                002006 我要推广
                002007 积分商城
                002008 我的拼团
                002009 我的评价
                002010 余额
                003001 能量钱包
                003002 优惠券
                003003 分享金
                003004 能量值
                003005
            </pre>
        </div>
    </div>
    <hr>
    <h3>result = {{result}}</h3>
</div>
